<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Allen's Online Chinese Input</title>
</head>

<body>
<style type="text/css">
* {
  margin: 0;
  padding: 0;
}
#allen-input-pinyin {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #000;
}
#allen-input-match {
  font-family: '宋体', '微软雅黑', Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #000;
}
#allen-input-cand {
  color: #000;
  font-family: '宋体', '微软雅黑', Arial, Helvetica, sans-serif;
  font-size: 16px;
}
#allen-input-cand .first {
  color: #fff;
  background: #3875c9;
}
#allen-input-wrapper {
  border: #C0C0C0 1px solid;
  background: #fff;
  margin-top: 10px;
  width: auto;
  float: left;
  padding: 3px 5px;
	display: none;
}
#allen-input-top {
  padding-bottom: 3px;
  line-height: 18px;
}
#allen-input-cand {
  padding: 3px 0px;
  width: 100%;
  over-flow: auto;
}
#allen-input-cand span {
  padding: 3px;
  float: left;
}
#allen-input-cand .first {
  padding: 3px 5px;
  -moz-border-radius: 3px;
}
#test-area {
  width: 100%;
  ime-mode: disabled;
  font-size: 12px;
  color: #666;
}
#loading {
  font-size: 12px;
  color: #bbb;
  padding: 5px 0px;
}
#buttons {
	padding: 3px 0px;
}
#buttons input {
  margin-right: 5px;
}
</style>
<form name="f" target="_blank" action="http://www.google.cn/search">
<input type="hidden" value="apinyin" name="source" />
<input type="hidden" value="zh-CN" name="hl" />
<textarea id="test-area" rows="4" style="width: 100%;" disabled="disabled" name="q"></textarea>
<div id="buttons"><input type="submit" value="Google 搜索" name="btnG"/><input type="submit" value=" 手气不错 " name="btnI"/></div>
</form>
<div id="loading">正在加载 aPinyin 输入法, 请稍等...</div>
<div id="allen-input-wrapper">
	<div id="allen-input-top"><span id="allen-input-match"></span><span id="allen-input-pinyin"></span></div>
	<div id="allen-input-cand"></div>
</div>
<script type="text/javascript" src="http://apinyin.googlecode.com/svn/trunk/js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="http://apinyin.googlecode.com/svn/trunk/js/pinyin-chs-table.js"></script>
<script type="text/javascript" src="http://apinyin.googlecode.com/svn/trunk/js/allen-input-0.1.js"></script>
<script type="text/javascript" src="http://apinyin.googlecode.com/svn/trunk/js/test.js"></script>
</body>
</html>
